// global
@import "./global.scss";
// color-ui
@import "@/static/scss/colorui.css";
// iconfont
@import "@/static/font/iconfont.css";

@mixin flex($direction: row) {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: $direction;
}
.common-title {
  height: 60px;
  display: flex;
  align-items: center;
  .box-line {
    width: 15rpx;
    height: 48rpx;
    opacity: 1;
    background: rgba(194, 126, 21, 1);
  }
  .text {
    margin-left: 50rpx;
    font-size: 38rpx;
    font-weight: 600;
  }
}

.common-no-data,
.common-loading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 12%;
	.no-data-img {
		width: 300rpx;
		height: 300rpx
	}
	.loading-img {
		width: 130rpx;
		height: 130rpx;
		margin-top: 50rpx;
		animation: rotate 1s linear infinite;
	}
	.text {
    margin-bottom: 80rpx;
		color: #999;
	}
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.uni-popup-container {
  border-radius: 10px;
  background-color: #FFF;
}
